/* 定义模块，加载头部与尾部，实现资源复用 */
define(["jquery","template","cookie"], function($,templat) {
	// 构造函数
	function HeaderAndFooter() {
		// 初始化
        this.init();
        // this.html
	}
	// 原型方法
	HeaderAndFooter.prototype = {
		constructor: HeaderAndFooter,
		// 初始化
		init() {

            // !!!!!此处this破开init  prototype  直接指向函数
			this.loadHeader();
            this.loadFooter();
            this.loadSider();
		},
		// 加载头部资源
		loadHeader() {
			// 异步 ajax get 请求头部资源
			$.get("/html/header.html", function(res) {
				// 将响应回来的HTML文本渲染到 <header> 元素中
				$(".header").html(res);
				// 添加交互功能
                this.headerHandler();
                this.usershow();
			}.bind(this));
		},
		// 加载尾部资源
		loadFooter() {
			// 通常使用 load() 方法来异步加载外部静态资源
			$("footer").load("/html/footer.html");
        },
        // 加载侧边栏
		loadSider() {
			// 通常使用 load() 方法来异步加载外部静态资源
			$(".sider-left").load("/html/sider-left.html");
		},
		// 注册事件监听
		
        
// 添加登录用户名显示和退出
        usershow(){

            $.cookie.json = true;

            const ess = $.cookie("user") || [];
            console.log(ess);
          //   console.log(JSON.parse(ess).username)
          //   console.log($(".usered").find("span").html())
           if (ess!=0){
             $(".usered").find("span").html(ess.username);
             $(".usered").removeClass("hidden")
             $(".lii").addClass("hidden")
           }

           $(".usered a").on("click",()=>{
            $(".usered").addClass("hidden")
            $(".lii").removeClass("hidden")
            $.cookie("user", null, {expires: -1, path: "/"});
           })

        },

        // 添加头部交互
		headerHandler() {
            
            // 搜索提示   this.suggestHandler不需要加括号，因为点击事件相当于执行（）！！！
            
            // $(".sea_input").on("keyup", (event)=>{this.suggestHandler(event)});
			$(".sea_input").on("keyup", this.suggestHandler.bind(this));
			// 点击提示：事件委派
			$(".suggest").on("click", "p", (event) => {
				$(".sea_input").val($(event.target).text());
				// <==>
				// $(".search :text")[0].value = event.target.innerText;
				// 隐藏提示
				$(".suggest").hide(); // $(".suggest")[0].style.display = "none"
			})
		},
		// 搜索建议处理
		suggestHandler(event) {

           
       



            // 文本框中的输入值
            



			const v = $(event.target).val()
			// 跨域请求 baidu 的 jsonp 提示接口
			const url = `https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=${v}&cb=?`;
			$.getJSON(url, (res) => {
                console.log(res)
                

                let html = "";
				res.s.forEach((curr) => {
					html += `<p>${curr}</p>`;
				});
                $(".suggest").show().html(html);
                
                
                // $(".sea_submit").on("click",()=>{
                //     $.get("http://rap2api.taobao.org/app/mock/124172/list",(res)=>{
                //         console.log("出来吧皮卡丘")
                //         console.log( $(".sea_input").val())
                    
                //        var admins=[];
                //        var wenzi=$(".sea_input").val()
                //         res.res_body.data.map(function (track) {
                            
                //             if(track.title.indexOf("人") != -1){
                //                 admins.push(track);
        
                               
                //             }
                //             const data = {products: admins};
                //             const html1 = templat("list-template",data);
                //              $(".list-pro").html(html1)
                //          })
                //      })
                // })
                // this.html=html
            })
            
        // sort(){}

        },
        // 搜索功能
    

    }

	// 创建对象，并返回
	return new HeaderAndFooter();
});



